<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="./font/font_footer/iconfont.css">
    <link rel="stylesheet" href="./css/common-PC.css" />
    <link rel="stylesheet" href="./css/xiangqing.css" />
    <script src="./js/library/jquery.js" type="module"></script>
    <script src="./js/xiangqing.js" type="module"></script>
</head>
<body>
    <div class="header">
        <div class="banxin">
          <ul class="fl">
            <li><a href="">小米商城</a><span>|</span></li>
            <li><a href="">MIUl</a><span>|</span></li>
            <li><a href="">loT</a><span>|</span></li>
            <li><a href="">云服务</a><span>|</span></li>
            <li><a href="">天星数科</a><span>|</span></li>
            <li><a href="">有品</a><span>|</span></li>
            <li><a href="">小爱开放平台</a><span>|</span></li>
            <li><a href="">企业团购</a><span>|</span></li>
            <li><a href="">资质证照</a><span>|</span></li>
            <li><a href="">协议规则</a><span>|</span></li>
            <li><a href="">下载app</a><span>|</span></li>
            <li><a href="">智能生活</a><span>|</span></li>
            <li><a href="">Select Location</a></li>
          </ul>
          <a class="shoppingcar fr" href="shoppingCart.html">
            <p>
              <span class="glyphicon glyphicon-shopping-cart"></span>
              购物车 （<span class="count">0</span>）
            </p>
          </a>
          <ul class="fr">
            <li><a href="">登录</a><span>|</span></li>
            <li><a href="">注册</a><span>|</span></li>
            <li><a href="">消息通知</a></li>
          </ul>
    
        </div>
      </div>
    
      <div class="nav">
        <div class="menu_nav">
          <div class="menu_n">
          <div class="banxin">
            <ul>
              <li>
                <img src="./img/menu_n.png" alt="">
                <p class="p1">小米11 Ultra</p>
                <p class="p2">5999元起</p>
              </li>
              <li>
                <img src="./img/menu_n.png" alt="">
                <p class="p1">小米11 Ultra</p>
                <p class="p2">5999元起</p>
              </li>
              <li>
                <img src="./img/menu_n.png" alt="">
                <p class="p1">小米11 Ultra</p>
                <p class="p2">5999元起</p>
              </li>
              <li>
                <img src="./img/menu_n.png" alt="">
                <p class="p1">小米11 Ultra</p>
                <p class="p2">5999元起</p>
              </li>
              <li>
                <img src="./img/menu_n.png" alt="">
                <p class="p1">小米11 Ultra</p>
                <p class="p2">5999元起</p>
              </li>
              <li>
                <img src="./img/menu_n.png" alt="">
                <p class="p1">小米11 Ultra</p>
                <p class="p2">5999元起</p>
              </li>
            </ul>
          </div>
          </div>
    
          <div class="menu_n">
            <div class="banxin">
              <ul>
                <li>
                  <img src="./img/menu_n2.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n2.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n2.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n2.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n2.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n2.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
              </ul>
            </div>
          </div>
    
          <div class="menu_n">
            <div class="banxin">
              <ul>
                <li>
                  <img src="./img/menu_n3.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n3.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n3.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n3.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n3.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n3.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
              </ul>
            </div>
          </div>
    
          <div class="menu_n">
            <div class="banxin">
              <ul>
                <li>
                  <img src="./img/menu_n4.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n4.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n4.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n4.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n4.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n4.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
              </ul>
            </div>
          </div>
    
          <div class="menu_n">
            <div class="banxin">
              <ul>
                <li>
                  <img src="./img/menu_n5.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n5.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n5.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n5.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n5.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n5.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
              </ul>
            </div>
          </div>
    
          <div class="menu_n">
            <div class="banxin">
              <ul>
                <li>
                  <img src="./img/menu_n6.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n6.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n6.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n6.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n6.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
                <li>
                  <img src="./img/menu_n6.png" alt="">
                  <p class="p1">小米11 Ultra</p>
                  <p class="p2">5999元起</p>
                </li>
              </ul>
            </div>
          </div>
        </div>
        
        <div class="banxin">
          <div class="logo fl">
            <img src="./img/logo.png" alt="" />
            <a href="https://www.mi.com/index.html">xm</a>
          </div>
    
          <div class="search fr">
            <input type="text" value="小米11" id="search_input" class="fl" />
            <div id="search_btn" class="fl">
              <span class="glyphicon glyphicon-search"></span>
            </div>
          </div>
    
          <ul class="fr" id="xiala">
            <li>小米手机</li>
            <li>Redmi红米</li>
            <li>电视</li>
            <li>笔记本</li>
            <li>家电</li>
            <li>路由器</li>
            <li>智能硬件</li>
            <li>服务</li>
            <li>社区</li>
          </ul>
        </div>
      </div>

      <div class="title">
        <div class="banxin">
            <p class="p1">高速无线充套装</p>
            <p class="p2">用户评价</p>    
        </div>
      </div>
      <div class="container">
        <div class="content banxin">
            <div class="tu">
            </div>

            <div class="zi">
                <p class="p1">快速无线闪充/独立静音风扇/Qi充电标准/安全充电</p>
                <p class="p2">小米自营</p>
                <p class="p3">149元</p>
                <div class="xian"></div>
                <div class="dress">
                    <p class="dizhi"><span class="glyphicon glyphicon-map-marker"></span>   哈哈&nbsp;&nbsp;嘿嘿市&nbsp;&nbsp;呵呵区&nbsp;&nbsp;嘻嘻街道&nbsp;&nbsp;<span>修改</span></p>
                    <p class="ishave">有现货</p>
                </div>
                <p class="p4">选择颜色</p>
                <p class="color">白色</p>
                <div class="jiesuan">
                    
                </div>
                <div class="btn_box">
                    <a href="" class="add_shopcar">加入购物车</a>
                    <a href="" class="like"><span class="glyphicon glyphicon-heart-empty"></span>&nbsp;&nbsp;喜欢</a>
                </div>
                <div class="feihua">
                    <p><span class="glyphicon glyphicon-ok-sign"></span>小米自营</p>
                    <p><span class="glyphicon glyphicon-ok-sign"></span>小米发货</p>
                    <p><span class="glyphicon glyphicon-ok-sign"></span>7天无理由退货</p>
                    <p><span class="glyphicon glyphicon-ok-sign"></span>运费说明</p>
                    <p><span class="glyphicon glyphicon-ok-sign"></span>企业信息</p>
                    <p><span class="glyphicon glyphicon-ok-sign"></span>售后服务政策</p>
                    <p><span class="glyphicon glyphicon-ok-sign"></span>7天价格保护</p>
                </div>
            </div>
        </div>

        <div class="bigtu banxin">
            <img src="./img/bigbig1.jpg" alt="">
            <img src="./img/bigbig2.jpg" alt="">
            <img src="./img/bigbig1.jpg" alt="">
            <img src="./img/bigbig2.jpg" alt="">
        </div>
      </div>


      <div class="footer">
        <div class="footer_c banxin">
          <div class="footer_fuwu">
            <ul class="fuwu_ul">
              <li>
                <a href="">
                  <span class="iconfont icon-gongju"></span>
                  预约维修服务
                </a>
              </li>
              <li>
                <a href="">
                  <span class="iconfont icon-7tiantuihuanhuo"></span>
                  7天无理由退货
                </a>
              </li>
              <li>
                <a href="">
                  <span class="iconfont icon-15tianwuliyoutuihuo"></span>
                  15天免费退货
                </a>
              </li>
              <li>
                <a href="">
                  <span class="iconfont icon-liwu"></span>
                  满69包邮
                </a>
              </li>
              <li>
                <a href="">
                  <span class="iconfont icon-weibiaoti-3"></span>
                  520余家售后网点
                </a>
              </li>
            </ul>
          </div>
          <div class="footer_links">
            <dl>
              <dt>帮助中心</dt>
              <dd>账户管理</dd>
              <dd>购物指南</dd>
              <dd>订单操作</dd>
            </dl>
            <dl>
              <dt>服务支持</dt>
              <dd>售后政策</dd>
              <dd>自助服务</dd>
              <dd>相关下载</dd>
            </dl>
            <dl>
              <dt>线下门店</dt>
              <dd>小米之家</dd>
              <dd>服务网点</dd>
              <dd>授权体验店</dd>
            </dl>
            <dl>
              <dt>关于小米</dt>
              <dd>了解小米</dd>
              <dd>加入小米</dd>
              <dd>投资者关系</dd>
              <dd>企业社会责任</dd>
              <dd>公益基金会</dd>
            </dl>
            <dl>
              <dt>关注我们</dt>
              <dd>新浪微博</dd>
              <dd>官方微信</dd>
              <dd>联系我们</dd>
              <dd>廉洁举报</dd>
            </dl>
            <dl>
              <dt>特色服务</dt>
              <dd>F码通道</dd>
              <dd>礼物码</dd>
              <dd>防伪查询</dd>
            </dl>
            <div class="lianxi">
              <p  class="p1">400-100-5678</p>
              <p  class="p2">8:00-18:00（仅收市话费）</p>
              <a href="">
                <span class="glyphicon glyphicon-envelope"></span>  人工客服
              </a>
            </div>
          </div>
        </div>
      </div>
    
      <div class="footer_bottom">
        <div class="bottom-c">
          <div class="logo fl">
            <img src="./img/logo.png" alt="" />
            <a href="https://www.mi.com/index.html">xm</a>
          </div>
          <div class="bottom-text">
            <p>
              <a href="">小米商城</a>
              <span>|</span>
              <a href="">MIUI</a>
              <span>|</span>
              <a href="">米家</a>
              <span>|</span>
              <a href="">米聊</a>
              <span>|</span>
              <a href="">多看</a>
              <span>|</span>
              <a href="">游戏</a>
              <span>|</span>
              <a href="">政企服务</a>
              <span>|</span>
              <a href="">小米天猫店</a>
              <span>|</span>
              <a href="">小米集团隐私政策</a>
              <span>|</span>
              <a href="">小米公司儿童信息保护规则</a>
              <span>|</span>
              <a href="">小米商城隐私政策</a>
              <span>|</span>
              <a href="">小米商城用户协议</a>
              <span>|</span>
              <a href="">用户反馈</a>
              <span>|</span>
              <a href="">Select Location</a>
              <span>|</span>
            </p>
            <p>
              <a href="">
                北京互联网法院法律服务工作站
              </a>
              <span>|</span>
              <a href="">
                中国消费者协会
              </a>
              <span>|</span>
              <a href="">
                北京市消费者协会
              </a>
            </p>
            <p>
              <a href="">&copy;mi.com京ICP证110507号京ICP备10046444号京公网安备11010802020134号京网文[2020]0276-042号</a>
              <br>
              <a href="">(京)网械平台备字(2018 ）第O0005号互联网药品信息服务资格证(京)-非经营性-2014-0090营业执照医疗器械质量公告</a>
              <br>
              <a href="">增值电信业务许可证网络食品经营备案京食药网食备202010048食品经营许可证</a>
              <br>
              <a href="">违法和不良信息举报电话:171-5104-4404知识产权侵权投诉本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</a>
    
            </p>
            <div class="bottom-img">
              <a href="">
                <img src="./img/ysrz.png" alt="">
              </a>
              <a href="">
                <img src="./img/cxwz.png" alt="">
              </a>
              <a href="">
                <img src="./img/kxwz.png" alt="">
              </a>
              <a href="">
                <img src="./img/cxjy.png" alt="">
              </a>
              <a href="">
                <img src="./img/yfw.png" alt="">
              </a>
            </div>
          </div>
    
        </div>
        <p>让全球每个人都能享受科技带来的美好生活</p>
      </div>

      <div class="cebianlan">
        <div class="cebianlan_box">
          <p class="p1 glyphicon glyphicon-phone"></p>
          <p class="p2">手机APP</p>
        </div>
        <div class="cebianlan_box">
          <p class="p1 glyphicon glyphicon-user"></p>
          <p class="p2">个人中心</p>
        </div>
        <div class="cebianlan_box">
          <p class="p1 glyphicon glyphicon-wrench"></p>
          <p class="p2">售后服务</p>
        </div>
        <div class="cebianlan_box">
          <p class="p1 glyphicon glyphicon-headphones"></p>
          <p class="p2">人工客服</p>
        </div>
        <div class="cebianlan_box">
          <p class="p1 glyphicon glyphicon-shopping-cart"></p>
          <p class="p2">购物车</p>
        </div>
      </div>
      <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    
      <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>